.tray {
	position: absolute ;
	top: 90px ;
	left: 10px ;
	
	background-color: white ;	
	background-image: url("../images/tray_t.gif") ;
	background-repeat: repeat-x;
	background-position-y: top ;

	border: solid 2px black ;
}

.tray .loading {
	position: absolute ;
	top: -1px ;
	left: 0px ;
	
	width: 29px ;
	height: 29px ;
	
	background-image: url("../images/load.gif") ;
	
}

.tray .title {
	position: absolute;
	top: 0px ;
	left: 40px ;	
}

.tray .border_tl {
	position: absolute ;
	top: -2px ;
	left: -2px ;
	width: 31px ;
	height: 30px ;
	background-image: url("../images/tray_tl.gif") ;
}

.tray .border_tr {
	position: absolute ;
	top: -2px ;
	right: -2px ;
	width: 18px ;
	height: 30px ;
	background-image: url("../images/tray_tr.gif") ;
}

.tray .border_bl {
	position: absolute ;
	bottom: -2px ;
	left: -2px ;
	width: 20px ;
	height: 20px ;
	background-image: url("../images/tray_bl.gif") ;
}

.tray .border_br {
	position: absolute ;
	bottom: -2px ;
	right: -2px ;
	width: 20px ;
	height: 20px ;
	background-image: url("../images/tray_br.gif") ;
}

.tray .contentArea {
	overflow: auto;
	position: absolute;
	top: 58px ;
	left: 0px ;
	padding: 0px 10px ;
}

.tray .prompt {

	position: absolute ;
	top: 29px ;
	left: 10px ;
}

.tabPane {
	position: absolute ;
	top: 29px ;
	right: 0px ;
	
	height: 19px ;
}

.tabPane .tabs {
	position: absolute ;
	top:0px ;
	left:20px ;
	height: 19px ;
	
	overflow: hidden;
	white-space: nowrap;
}

.tabPane .left {
	position: absolute ;
	top:0px ;
	left:0px ;
	height: 18px ;
	width: 20px ;
	
	background-image: url("../images/tab_moveLeft.gif") ;
}

.tabPane .right {
	position: absolute ;
	top:0px ;
	right:0px ;
	height: 18px ;
	width: 20px ;
	
	background-image: url("../images/tab_moveRight.gif") ;
}

.tabPane .tabs table {
	table-layout: fixed;
	border-collapse: collapse;
	right: 0px ;
}

.tabPane .tabs td {
	overflow: hidden;
	white-space: nowrap;

	padding: 0px ;
	padding-left: 8px ;
}

.tabPane .tabs span {
	position: relative ;
	top: -19px ;
	
	float: right ;
	width: 9px ;
	height: 19px ;
}

.tabPane .tabs .spacer {
	width: 100%;
}

.tabPane .tabs .closeTab {
	position: relative ;
	top: -28px ;

	width: 13px ;
	height: 13px ;
	padding: 0px ;
	
	background-image: url("../images/tab_close.gif") ;
	cursor: pointer;
}

.tabPane .tabs .mask {
	position: relative ;
	top: -16px ;
	width: 15px ;
	height: 13px ;
	padding: 0px ;

	background-color: #def392 ;
}


.tabPane .tab_selected {
	background-image: url("../images/tab_selected_l.gif") ;
	background-repeat: no-repeat;
	background-position: top left ;
}

.tabPane .tab_selected .mask{
	background-color: #def392 ;
}

.tabPane .tab_selected span{
	background-image: url("../images/tab_selected_r.gif") ;
	background-repeat: no-repeat;
	background-position: top right;
}

.tabPane .tab_deselected {
	background-image: url("../images/tab_deselected_l.gif") ;
	background-repeat: no-repeat;
	background-position: top left ;
	cursor: pointer;
}

.tabPane .tab_selected .mask{
	background-color: white ;
}

.tabPane .tab_deselected span{
	background-image: url("../images/tab_deselected_r.gif") ;
	background-repeat: no-repeat;
	background-position: top right;
}






.queryResult {
	padding-bottom: 20px ;
}

.queryResult .name {
	font-weight: bold ;
	color: #3a470e ;
	padding-bottom: 5px ;
	padding-right: 5px ;
	cursor: pointer;	
}

.queryResult .name:hover {
	text-decoration: underline;
}

.queryResult .description {
	padding-left: 20px ;
	padding-right: 5px ;
	font-size: 80% ;
}


.document {
	width: 100% ;
	height: 100% ;
	
		
	
}